<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="xixi_content product">
		<div class="header">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid"> 
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
								data-target="#example-navbar-collapse">
							<span class="sr-only">切换导航</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">
							<img src="img/logo.png" alt="息息.AI生活.更简单">
						</a>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a class="a_active" href="product.html">产品中心</a></li>
							<li><a href="news.html">新闻资讯</a></li>
							<li><a href="tells.html">联系我们</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		<div class="container banner_box">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="main">
						<div class="swiper-container">
					        <div class="swiper-wrapper">
					        	<div class="swiper-slide">
					            	<img src="img/banner1.png">
					            	<div class="banner_con_box row">
					            		<div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">最可用的语言处理系统</h3>
					            			<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
					            			<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">支持多领域，多场景，意图识别，可定制属于你的人工智能应用</p>
					            		</div>
					            		<div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
					            	</div>
					            </div>
					            <div class="swiper-slide">
					            	<img src="img/banner2.png">
					            	<div class="banner_con_box row">
					            		<div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">人工智能应用平台</h3>
					            			<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
					            			<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">垂直对接，多维度使用，实现业务创新，创造更多丰富ai应用，把最优质服务呈现给客户</p>
					            		</div>
					            		<div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
					            	</div>
					            </div>
				            	<div class="swiper-slide">
					            	<img src="img/banner3.png">
					            	<div class="banner_con_box row">
					            		<div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">构造精准的用户模型</h3>
					            			<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
					            			<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">大数据为入口，数据挖掘为中心，为创造用户价值为奠基石，实现跨平台，跨设备，多场景，灵活度高的用户模型推荐算法构建</p>
					            		</div>
					            		<div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<div class="banner_img" >
					            				<img src="img/phone.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">
					            			</div>
					            		</div>
					            	</div>
					            </div>
				            	<div class="swiper-slide">
					            	<img src="img/banner4.png">
					            	<div class="banner_con_box row">
					            		<div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">情感倾向分析</h3>
					            			<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
					            			<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">我们将全球范围内的，电商、团购、生活服务、信息评分等相关有用数据进行了标注分类处理，用深度学习系统训练出了情感分析模型。</p>
					            		</div>
					            		<div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
					            			<div class="banner_tiyanqu">
					            				<h3 class="text-center ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">体验区</h3>
					            				<p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.1s">可输入一段话进行分析：</p>
					            				<div class="text_main ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
						            				<form action="">
						            					<div class="text_con">
						            						<textarea value="" class="text"></textarea>
						            						<div class="text_proposal">建议输入10-200个字</div>
						            					</div>
						            					<div class="text_btn">
						            						<button>确认</button>
						            					</div>
						            					
						            				</form>
					            				</div>
					            				<p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">分析结果：</p>
					            				<div class="banner_state ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.4s"">
					            					<h5>倾向消极</h5>
					            					<div class="state_color">消极面</div>
					            					 <span></span>
					            					 <span></span>
					            					 <span></span>
					            					 <span></span>
					            					 <span></span>
					            					<div class="state_color_green">消极面</div>
					            				</div>			
					            			</div>
					            		</div>
					            	</div>
					            </div>
					         </div>				        
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					    </div>
					</div>
				</div>
			</div>
		</div>
	</div>

	
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>


<script>
	var swiper = new Swiper('.swiper-container', {
	    pagination: '.swiper-pagination',
	    loop:true,
	    autoplay: 3000,
	    paginationClickable: true,
		paginationBulletRender: function (swiper, index, className) {
		      return '<span class="' + className + '"><i></i></span>';
		},
		onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
		    swiperAnimateCache(swiper); //隐藏动画元素 
		    swiperAnimate(swiper); //初始化完成开始动画
		}, 
		onSlideChangeEnd: function(swiper){ 
		    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
		} 
	});
</script>
</body>
</html>